<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head
        th:replace="inc/common_header :: common_header(~{::title},~{::link},~{},~{})">
    <title>学习首页</title>
    <script src="http://g.tbcdn.cn/mtb/lib-flexible/0.3.2/??flexible_css.js,flexible.js"
    ></script>
    <link rel="stylesheet" th:href="@{/css/studyarticleindex.min.css}">
    <link rel="stylesheet" th:href="@{/css/common.min.css}">
</head>

<body>
<div th:replace="inc/common_mainpage :: common_mainpage"></div>
<div class="content">
    <div class="searchbox">
        <input type="text" name="title" required id="search"
        placeholder="请输入搜索内容" autocomplete="off" class="layui-input ">
        <button type="button" id="searchBtn" class="layui-btn  layui-btn-normal">搜索</button>
    </div>
    <div class="classes">
        <div class="item">
            <span id="articlecategoryname">梭织工艺</span>
        </div>
        <div class="item">
            <span id="articlecategoryname">纺织原料</span>
        </div>
        <div class="item">
            <span id="articlecategoryname">染整工艺</span>
        </div>

    </div>
    <div class="articlelist">
        <div class="title">
            文章列表
        </div>
        <div class="list" id="list">

        </div>
    </div>
</div>

<div th:replace="inc/common_infooter :: common_infooter"></div>

<script th:src="@{/js/studyarticlelist.js}"></script>

</body>
</html>